<template>
	<view>
		<!-- 搜索 -->
		<input class="sousuo"type="text"  focus placeholder="搜索职业"/>
		<!-- 下拉 -->
		<view class="xiala">
			
		</view>
		<!-- 内容 -->
		<view class="content">
			<navigator url="../gongsixiangqing/gongsixiangqing" hover-class="navigator-hover">
								<button type="default"><view class="xiaokaung"></view></button>
							</navigator>
			<navigator url="../gongsixiangqing/gongsixiangqing" hover-class="navigator-hover">
								<button type="default"><view class="xiaokaung"></view></button>
							</navigator>
			<navigator url="../gongsixiangqing/gongsixiangqing" hover-class="navigator-hover">
								<button type="default"><view class="xiaokaung"></view></button>
							</navigator>
			<navigator url="../gongsixiangqing/gongsixiangqing" hover-class="navigator-hover">
								<button type="default"><view class="xiaokaung"></view></button>
							</navigator>
			<navigator url="../gongsixiangqing/gongsixiangqing" hover-class="navigator-hover">
								<button type="default"><view class="xiaokaung"></view></button>
							</navigator>
			<navigator url="../gongsixiangqing/gongsixiangqing" hover-class="navigator-hover">
								<button type="default"><view class="xiaokaung"></view></button>
							</navigator>
			<navigator url="../gongsixiangqing/gongsixiangqing" hover-class="navigator-hover">
								<button type="default"><view class="xiaokaung"></view></button>
							</navigator>
			<navigator url="../gongsixiangqing/gongsixiangqing" hover-class="navigator-hover">
								<button type="default"><view class="xiaokaung"></view></button>
							</navigator>
			<navigator url="../gongsixiangqing/gongsixiangqing" hover-class="navigator-hover">
								<button type="default"><view class="xiaokaung"></view></button>
							</navigator>
			<navigator url="../gongsixiangqing/gongsixiangqing" hover-class="navigator-hover">
								<button type="default"><view class="xiaokaung"></view></button>
							</navigator>
			<navigator url="../gongsixiangqing/gongsixiangqing" hover-class="navigator-hover">
								<button type="default"><view class="xiaokaung"></view></button>
							</navigator>
			<navigator url="../gongsixiangqing/gongsixiangqing" hover-class="navigator-hover">
								<button type="default"><view class="xiaokaung"></view></button>
							</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	.sousuo{
		background-color: red;
		width: 700rpx;
		border: 2rpx red solid;
		border-radius: 15rpx;
		margin: 0 auto;
		
	}
	.xiala{
		width: 700rpx;
		height: 70rpx;
		background-color: blueviolet;
		margin: 0 auto;
	}
	.content{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 750rpx;
		height: 1100rpx;
		 /* background-color: green; */
		 margin: 50rpx auto;
	}
	.xiaokaung{
		/* margin-top: 10rpx; */
		width: 160rpx;
		height: 253rpx;
		 background-color: yellow;
		 border: 2rpx red solid;
		 /* margin: 20rpx 20rpx; */
	}

</style>
